<!DOCTYPE html>
<html>
    <head>
        <title>SquirBus</title>
        <meta charset="utf-8">

        <!-- [BUSINESS COMPANY]-->
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/reset.css' ?>" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/layout.css' ?>" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/style.css' ?>" type="text/css" media="all">
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/main.css' ?>" type="text/css" media="all">
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js" ></script>
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/cufon-yui.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/cufon-replace.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/Swis721_Cn_BT_400.font.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/Swis721_Cn_BT_700.font.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/tabs.js' ?>"></script>

        <!-- [BOOTSTRAP]-->
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/bootstrap.css' ?>" type="text/css">
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/bootstrap-responsive.css' ?>" type="text/css">
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/bootstrap.js' ?>"></script>

        <!-- [CALENDAR] -->
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/ui-lightness/jquery-ui-1.10.1.custom.min.css' ?>" type="text/css">
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/jquery-ui-1.10.1.custom.min.js' ?>"></script>

        <!--[if lt IE 9] -->
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/html5.js' ?>"></script>
        <style type="text/css">
            .bg{ behavior: url(<?php echo base_url() . '/media/js/PIE.htc' ?>); }
        </style>
        <!--[endif]-->

        <!-- [CODE BEHIND]-->
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/code/utils.js' ?>"></script>

        <script type="text/javascript">
            Cufon.now();
            $(document).ready(function() {
                tabs.init();
            });
        </script>
    </head>

    <body id="page4" style="background-color:black">

        <!-- header -->
        <div class="body1">
            <div class="body2">
                <div class="body5">
                    <div class="main">
                        <header>
                            <div class="wrapper">
                                <h1><a href="#" id="logo"></a></h1>
                                <nav>
                                    <ul id="menu">
                                        <li id="nav1" class="active"><a href="<?php echo site_url('/'); ?>">Principal<span>Bienvenido!</span></a></li>
                                        <li id="nav2"><a href="#">Destinos<span>Lugares</span></a></li>
                                        <li id="nav3"><a href="#">Servicios<span>para ti</span></a></li>
                                        <li id="nav4"><a href="#">Nosotros<span>Los mejores</span></a></li>
                                        <li id="nav5"><a href="#">Contacto<span>Comuniquese</span></a></li>
                                    </ul>
                                </nav>
                            </div>
                        </header>
                    </div>
                </div>
            </div>
        </div>
        <!-- header end-->


        <div class="body3">
            <div class="main">
                <!-- content -->
                <article id="content" style="padding-left: 10%">
                    <div class="wrapper">
